<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏推荐</title>
    <link rel="stylesheet" href="test2.css">
</head>

<body>
    <div class="home ">
        <div class="content">
            <div class="stars"></div>
            <img class="bgc" src="./images/ev000al.webp" width="100%" alt="">
            <h1 class="title">欢迎来到亚托莉网站</h1>
            <h1 class="titles">ATRI-My Dear Moments-</h1>
            <img class="icon" src="./images/music_bg.png" alt="">

        </div>
        <div class="icons">
            <img src="" alt="">
            <div class="icons_items">
                <img class="icons_items_imgs" src="./images/1.webp" alt="">
                <span class="ziti">"能推我一把吗?我做不到，机器人是禁止自杀的" </span>
            </div>
            <div class="icons_items">
                <img class="icons_items_imgs" src="./images/2.webp" alt="">
                <span class="ziti">"因为还有什么你留恋的东西，所以你才做不到的吧，能让开一下吗"</span>
            </div>
            <div class="icons_items">
                <img class="icons_items_imgs" src="./images/3.webp" alt="">
                <span class="ziti">"您是要自杀吗?那我作为机器人是有必要阻止的" </span>
            </div>
            <div class="icons_items">
                <img class="icons_items_imgs" src="./images/4.webp" alt="">
                <span class="ziti">我要拯救地球!
                    地球也包括我吗? </span>
            </div>
        </div>
        <div class="introduce">
            <div class="introduce_item">
                <img class="introduce_item_img" src="./images/5.webp" alt="">
                <span class="introduce_item_title ziti">之前连夜推完了亚托莉，人物描写很细腻，因为之前已经通
                    了底特律，所以对于亚托莉的结局来说一切都在意料之内，相较于底特律而言，虽然亚托莉没有宏达的
                    世界观和复杂的人物剧情，只是非常单纯的人物叙事，但是人物叙述的过程非常细腻。</span>

            </div>
            <div class="introduce_item">
                <span class="introduce_item_titles ziti">亚托莉花费大量时间来体现角色之间的感情与羁绊，推动剧
                    情的任务放在了次要，两个结局都在意料之内，可惜原剧本作者完全可以留个玩家一个对于亚托莉更友好
                    一点的结局，不过游戏的剧本确实符合日系galgame和动漫的通常叙事手段——结局是个温暖的结局，可
                    惜······ </span>
                <img class="introduce_item_img" src="./images/7.webp" alt="">
            </div>
            <div class="introduce_item">
                <img class="introduce_item_img" src="./images/8.webp" alt="">
                <span class="introduce_item_title ziti">或许确实是在表达人生确实有很多缺憾，不过，怜狸酱觉得，有时候“真实”
                    的结局真的是众望所归吗？这里其实就是日系动漫游戏叙事和国内产品叙事的区别，日系的结局普遍是美且悲伤的，而国
                    内是偏向于美而且感动的，不过日系叙事的这份“真实”是有迹可循的作品。</span>
            </div>
            <div class="introduce_item">
                <span class="introduce_item_titles ziti">“我一定会拯救地球，而且，对我而言，你就是地球的中心。” 
                    </span>
                <img class="introduce_item_img" src="./images/6.webp" alt="">
            </div>
        </div>
        <audio autoplay="autoplay" id="audio" loop="loop">
                <source src="./video/souye_musci.m4a" type="audio/MP3">
               
        </audio>
        <img class="music_img" src="./images/bg.png" alt="">
    </div>

</body>
<script>
    let mucics = document.getElementById('audio')
    document.body.addEventListener('mousemove', function() {
        setTimeout(() => {
            mucics.play();
        }, 2000);
    }, false);
</script>

</html>